body { margin: 0; 
	padding: 0; 
	font: Arial, sans-serif; 
	behavior: url("csshover.htc");
	background: #f6f7f2 url(../images/bg/left-background.jpg) no-repeat scroll left top;
	}

#all { margin: 0 2% 0 3%; 
	background: url(../images/bg/copyright.jpg) no-repeat scroll bottom right;
	}

a img { border: none;  }


.navigation {text-align: right; font-size: 150%; font-weight: bold;}
.lightBlue {color: rgb(0,120,250);}

/*
a { color: #03c; text-decoration: underline; }
a:hover { color: #c30; }

dd { padding: 15px 0 1px 0; margin: 0; }
dt { color: #999; }
input { vertical-align: middle; border: 1px solid #777; }
label { display: none; }
h1,h2,h3,h4,h5 { margin: 0; padding: 0; font-weight: normal; font-size: 20pt; }
h2 { font-size: 14pt; }
h3 { font-size: 10pt; margin-left: 4px; }
h3 a { display: block; width: 170px; text-decoration: none; color: #000; }
h3 img { padding-right: 5px;  }
h4 { font-size: 12pt; font-weight: bold; padding-top: 10px; }
h5 { font-size: 13pt; font-weight: normal; padding-top: 0; }
ol { margin: 5px 0 15px 0; font-size: 11pt; }
ol li { margin-bottom: 5px; }
p {padding: 0 0 7px 0; margin: 0; font-size: 11pt; }
table { border-collapse: separate; }
td { font-size: 8pt; padding: 0; }
ul, dl, dt { list-style: none; margin: 0; padding: 0; }
*/


/*  ______________ */
/*
.active-in-menu { margin-top: -36px;  }
.active-left-menu { font-weight: bold; }
.active-submenu { margin-left: 33px; font-weight: bold; font-size: 8pt; }
.alphabet a, .alphabet span, .pages a, .pages span { padding-right: 3px; }
.answers dt { color: #666; font-weight: bold; }
.answers dd { margin: 0; padding: 0 0 10px 0; }

.block-with-thumbnail { padding-top: 20px; clear: both; }

.bottom { border-top: 1px solid #ccc; clear: both; padding-top: 5px; }
.bottom .alphabet, .bottom .pages { margin: 7px 0 0 80px; }

.centered { text-align: center; }
.clear { clear: both; }
.closed .headers { background-image: url(../images/bg/closed.png); }
* html .closed .headers{ background-image: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/bg/closed.png', sizingMethod='crop'); background-image: none; }
.closed div { display: none; }

.description { font-weight: bold; font-size: 10pt; color: #7c7264; padding: 10px 0; }
.dynamic-link { text-decoration: none; border-bottom: 1px dashed #03c; }
.dynamic-link:hover { border-bottom-color: #c30; }

.first-image { float: left; width: 320px; overflow: hidden; }
.other-images { float: left; }
.other-images img { margin: 10px; }

img.middle { vertical-align: middle; }
.in { background: #fcf7e4 url(../images/ico/tl-corner.gif) no-repeat top left; margin: 10px 0 0 -23px; }
.in li a,.active-left-menu { color: #000; font-size: 8pt; margin-left: 15px; }
.in li a:hover, #where a:hover { color: #555; }
.invisible { display: none; }

.left-thumbnail { float: left; width: 250px; }

.next-page, .previous-page { padding: 0 10px; }

.next { padding: 15px 0 35px 0; font-weight: bold; font-size: 9pt; }
.normal-list { list-style-type: square; padding: 10px 10px 10px 30px; font-size: 11pt;  }

.opened .headers{ background-image: url(../images/bg/opened.png); }
* html .opened  .headers{ filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop, src='images/bg/opened.png'); background-image: none; }
.opened  , .closed  { width: 202px; background-repeat: no-repeat; margin-bottom: 10px; }
.opened a, .closed a { padding: 4px 6px 3px 20px; display: block; width: 176px; color: #000; text-decoration: none; }
.opened div { padding: 10px; border: 1px solid #eee; border-top: none; background-color: #fff; }
.opened-submenu { background: #fefbf2; border-bottom: 1px solid #efe3be; border-top: 1px solid #efe3be; margin-left: -18px; }
.opened-submenu a { padding-left: 18px; }
.opened-submenu ul a { color: #06c; }

.headers.bg-1{ background-color: #dff7e2; }
.headers.bg-2{ background-color: #f5f2da; }
.headers.bg-3{ background-color: #dfeef7; }
.headers.bg-4{ background-color: #fae4e4; }


p.first { padding-top: 5px; }
.photos .thumbnail { width: 100px; }
.photo { margin-top: 10px; }

.rounded { background: url(../images/ico/br-corner.jpg) no-repeat bottom right;  }
.rounded h2 { color: #f60; font-size: 12pt; padding: 2px 10px; margin: 0 0 0 12px; background: url(../images/ico/active-left-menu.gif) no-repeat left; }
.rounded ul li { padding: 2px 0 !important; }

.sort-clouds-or-list { float: left; width: 200px; }
.sort-clouds-or-list li { float: left; background: url("../images/bg/select-left.gif") no-repeat left top; padding-left: 10px; }
.sort-clouds-or-list a { float: left; display: block; background: url("../images/bg/select-right.gif") no-repeat right top; padding: 5px 15px 4px 6px; color: #333;  text-decoration: none; }
.sort-clouds-or-list #noactive { background-image: none; }
.sort-clouds-or-list #noactive a { background-image: none; cursor: default; padding-bottom: 5px; text-decoration: underline; color: #03c; cursor: pointer; }
  
.sort-alphabet-or-pop { float: right; padding-top: 5px; }

.technology { margin: 20px 0; }
.text-near-thumbnail { float: left; width: 350px; }
.text-near-thumbnail em { display: block; padding-bottom: 10px; color: #666; }
.thumbnail { float: left; width: 155px; }

.visible { display: block; }

.wrote-about-us { margin-top: 15px; }
.wrote-about-us dd { padding: 0; }



#all { width: 980px; margin: 0 auto; text-align: left; }

#brown-left-menu { margin-bottom: 10px; }
#brown-left-menu a { color: #960; }

#card { margin-top: -10px; }
#card dt { margin: 15px 0 0 0; padding: 0; color: #666; }
#card dd { margin: 0; padding: 0;}

#contacts { margin-top: 20px; }
#contacts label { margin-top: 5px; display: block; color: #666; }
#content { float: left; padding: 0 25px; }
#contents { background: url(../images/bg/active-contents.gif) no-repeat; padding: 5px; margin: 15px 0; }
#copyright { float: left; width: 216px; }

#dropdown li div a { color: #03c; text-decoration: underline; display: inline; padding: 0; width: auto; }

#footer { clear: both; width: 980px; padding-top: 10px; border-top: 1px solid #eee; }
#footer-about { font-size: 10pt; text-align: center; color: #666; padding-top: 10px; }
#footer-about a { color: #666; }
#footer-about a:hover { color: #000; }
#footer-contacts { float: right; text-align: right; color: #ccc; width: 202px; }
#footer-links { float: left; text-align: center; color: #ccc; width: 520px; }

#header { font-size: 8pt; height: 120px; position: relative; }
#header h1 { left: 18px; position: relative; width: 182px; height: 56px; overflow: hidden; z-index: 1; font-size: 1px; }
#header h1 img { z-index: 1; position: absolute; top: 0; left: 0; }

#lang { margin: 0 0 25px 18px; }
#lang li { padding: 5px 9px 8px 8px; display: inline; }
#lang li.active { background: url(../images/bg/lang-active.gif) no-repeat; }

#left { float: left; width: 216px; padding-top: 10px; }
#left ul { padding-left: 18px; }
#left ul li { padding: 5px 0; }

#left-and-content { float: left; }

* html #right { margin-left: -30px;}
* html #right-news { margin-left: -30px;}

#mail { background: url(../images/ico/mail.gif) no-repeat left; padding-left: 20px; }
#right { float: right; width: 202px; padding-top: 15px; }
#right div p, #contents-opened p, #contents-opened li { padding: 5px; font-size: 8pt; }

#navigation { position: absolute; right: 0; top: 60px; float: left; background: url(../images/bg/menu-bottom.gif) repeat-x bottom; width: 980px; padding-bottom: 2px; }
#navigation ul { padding: 10px 0 0 0; float: right; }
#navigation li { float: left; margin: 0; padding: 0; background: url(../images/bg/inactive-nav-right.gif) no-repeat right top; }
#navigation a, #navigation strong { display: block;  background: url(../images/bg/inactive-nav-left.gif) no-repeat left top; font-size: 11pt; padding: 7px 15px 4px 15px; color: #000; }
#navigation #active-in-menu { background-image: url(../images/bg/active-nav-right.gif); }
#navigation #active-in-menu a, #navigation #active-in-menu strong { background-image: url(../images/bg/active-nav-left.gif); font-weight: bold; }

#navigation li:hover { background-image: url(../images/bg/over-nav-right.jpg) }
#navigation li:hover a { background-image: url(../images/bg/over-nav-left.jpg); }
#navigation a { float: none; }

#neck { font-size: 8pt; position: relative; }


#open-source-projects td { padding: 3px 0; }
#other-left-menu a { color: #066; }



#print-and-mail, #right-news ul { margin-top: -30px; position: relative; padding: 0 0 5px 20px; }
#print-and-mail li, #right-news ul li, #print-and-mail ul li { padding-bottom: 8px; font-size: 8pt;}
#print { background: url(../images/ico/print.gif) no-repeat left; padding: 5px 0 5px 20px; }

#right-news { width: 264px; float: right; padding-top: 15px; }
#right-news ul { padding-left: 82px; }
#right-news dl dd, #right-news dl dt { font-size: 9pt; }

#search-form { position: absolute; right: 0; top: 5px; }
#secondary-left-menu { background: url(../images/bg/demo-and-constructor.gif) no-repeat; margin-top: 30px; text-align: center; overflow: hidden; height: 100px; }
#secondary-left-menu a { padding-top: 40px; display: block; height: 16px; }
#secondary-left-menu div { padding: 11px 0; }
#secondary-left-menu #constructor { float: right; margin-right: 18px; }
#secondary-left-menu #constructor a { background: url(../images/ico/constructor.gif) no-repeat top; }
#secondary-left-menu #demo { float: left; width: 90px; }
#secondary-left-menu #demo a { background: url(../images/ico/demo.gif) no-repeat top; margin-left: 18px; }
#select-view { font-size: 8pt; padding: 20px 5px 0 5px; border-bottom: 1px solid #ccc; }
#sitemap-container {position: absolute; right: 230px; top: 9px;} 
#sitemap { color: #000; background: url(../images/ico/sitemap.gif) no-repeat left; padding: 5px 5px 5px 15px; }
#sitemap-list ul { margin-left: 25px; list-style-image: url(../images/ico/bullet.gif); }
#sitemap-list li { margin: 3px 0; }

#spacer { height: 30px; }
#support { position: absolute; top: 8px; text-align: center; font-weight: bold; left: 430px; }
#support a { background: url(../images/ico/support.gif) no-repeat left; padding: 5px 0 5px 20px; }

#url { display: none; }

#where { margin-left: 18px; }
#where a { color: #000; }
#wrapper { float: left; width: 562px; }
#wrapper-news { float: left; width: 760px; }

#years { margin: 30px 0; }
#years a, #years strong { padding-right: 20px; }

*/

/* MENU
**********************************************/
#left .active  ul  { background: url(../images/ico/br-corner.jpg) no-repeat bottom right; padding-bottom:8px; }
#left .active { background: #fcf7e4 url(../images/ico/tl-corner.gif) no-repeat top left; margin: 10px 0 0 -23px; padding-bottom:0;  }

#left .active  ul  ul { background: none;  }

#left .active  span{ color: #f60; font-size: 12pt; padding: 2px 10px; margin: 0 0 0 8px; background: url(../images/ico/active-left-menu.gif) no-repeat left .7em; display:block; }
#left .active .active  span{ margin: 0 0 0 8px;}

#left .active  ul a{ color: #000; font-size:9pt;}
#left .active  li li a:hover, #where a:hover { color: #555; }
#left .active  li.menu-el a{ color: #000;}

#left .active   .active { background: #fefbf2; border-bottom: 1px solid #efe3be; border-top: 1px solid #efe3be; margin-left: -5px; }
/*#left .active .active .active  span{ padding: 2px 10px 2px 8px; margin: 0 0 0 0px;}*/
#left .active  .active  a { 1padding-left: 10px; }


#left .active-el strong{ color: #000000; font-size: 10pt; padding: 2px 10px; margin: 0 0 0 0px; background:none; font-weight:bold; }

#left .active   .active .active { background: #fcf7e4;}
#left .active   .active .active  .active { background: #fefbf2;}
#left .active   .active .active  .active  .active { background: #fcf7e4;}
#left .active   .active .active  .active   .active  .active { background: #fefbf2;}
#left .active   .active .active  .active  .active   .active  .active { background: #fcf7e4;}

#left .active a{
        background:url(../images/ico/inactive-small.gif) no-repeat 0 .5em;
        padding-left:8px;
		display:block;
        }
#left .active .menu-el a{
        background-image:none;
        padding-left:none;
        }
